.project-box {
  /deep/.el-row--flex {
    flex-direction: row;
    flex-wrap: wrap;
  }
  padding: 20px;
  /deep/.el-card__header {
    padding: 10px 20px;
  }
  .box-card {
    margin-bottom: 20px;
    min-width: 252px;
    .card-text {
      text-align: center;
      padding: 25px 0;
      color: #666666;
      min-height: 116px;
      h1 {
        color: #1563d1;
        margin-bottom: 15px;
        font-weight: 400;
      }
    }
    .card-flex {
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      padding: 12px 0 0 0;
      .line {
        width: 1px;
        height: 80px;
        background-color: #bbbbbc;
      }
      h1 {
        color: #dc3747;
      }
      .card-table {
        width: 150px;
        text-align: left;
        td:nth-of-type(3) {
          width: 30px;
          /deep/.el-progress-bar__inner {
            border-radius: 0;
          }
          /deep/.el-progress-bar__outer {
            border-radius: 0;
          }
        }
      }
    }
    .card-circle {
      padding: 0;
    }
    .card-both {
      h1 {
        color: #1563d1;
      }
    }
  }
  .property-main {
    background-color: #fff;
    padding: 20px 0;
    .main-header {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-bottom: 30px;
      padding: 0 20px;
      /deep/.el-input {
        width: 180px;
        font-weight: 500;
        .el-input__icon {
          color: #2f9df3;
        }
      }
      /deep/.el-button {
        background-color: #1563d1;
        color: #fff;
      }
    }
    .main-center {
      min-height: 200px;
      /deep/.el-tabs__item {
        height: 100px;
        .center-left {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          width: 200px;
          text-align: left;
          h3 {
            height: 30px;
          }
          p {
            height: 20px;
            color: #999999;
          }
        }
      }
      /deep/.el-tabs__item.is-active {
        color: #333;
        background-color: #d6f5ff;
      }
      .timeline {
        padding: 20px;
        h3 {
          margin-bottom: 15px;
        }
        p {
          margin-bottom: 10px;
        }
      }
      .childrenSpan {
        display: inline-block;
        width: 15px;
        height: 15px;
        border: 1px solid #ccc;
        margin-right: 5px;
      }
    }
    .tabChildren-main {
      position: relative;
      /deep/.el-icon-arrow-left:before {
        font-size: 24px;
        font-weight: 600;
        position: absolute;
        top: 12px;
        left: 0px;
      }
      /deep/.el-icon-arrow-right:before {
        font-size: 24px;
        font-weight: 600;
        position: absolute;
        top: 12px;
        right: 0px;
      }
      margin-top: 10px;
      /deep/.el-tabs__item {
          height: 50px!important;
          border-radius: 5px;
        }
      /deep/.el-tabs__item.is-active {
        background-color: #2a92d5;
      }
      .tabChildrenCard {
        width: 450px;
        text-align: center;
        line-height: 50px;
      }
    }
    .ChildrenItem {
      box-sizing: border-box;
      background-color: #f9fafb;
      .item-title {
        width: 50px;
        height: 50px;
        border: 1px solid rgba(0,0,0,.05);
        text-align: center;
      }
      /deep/.el-tabs__item {
        border-radius: 0;
      }
      /deep/.el-tabs__item.is-active {
        background-color: #d6f5ff;
        color: #1563d1;
        font-size: 20px;
      }
      /deep/.el-tabs__nav-scroll {
        height: 400px;
      }
      /deep/.el-icon-arrow-left:before {
        top: -12px;
        left: -14px;
      }
      /deep/.el-icon-arrow-right:before {
        top: -12px;
        right: -14px;
      }
      .item {
        padding: 10px;
        .item-purple {
          border: 1px solid rgba(0,0,0,.05);
          padding: 8px;
          text-align: center;
          color: #fff;
          font-weight: 600;
          cursor: pointer;
        }
      }
    }
  }
  .vacant {
    background-color: #c23531;
  }
  .lease {
    background-color: #91c7ae;
  }
  .substitution {
    background-color: #2F4554;
  }
  .borrow {
    background-color: #d48265;
  }
  .empower {
    background-color: #61a0a8;
  }
  .selfUse {
    background-color: #f8ff62;
  }
}
